.user{
    width: 100%;
    .user_head{
        width: 100%;
        height: 600rpx;
        overflow: hidden;
        position: relative;
        color: #ffffff;
        .head_backround{
            width: 100%;
            position: absolute;
            top: -100rpx;
            z-index: 0;
            image{
                width: 750rpx;
                height: 700rpx;
            }
        }
        .head_info{
            position: absolute;
            z-index: 1;
            bottom: 120rpx;
            font-weight: 550;
            width: 100%;
            .user_inforow{
                display: flex;
                align-items: center;
                padding-left: 80rpx;
                padding-bottom: 15rpx;
                .user_img{
                    width: 70rpx;
                    border-radius: 50%;
                }
                text{
                    font-size: 26rpx;
                    padding:0 5rpx 0 10rpx;
                }
                .user_gender{
                    width: 30rpx;
                    border-radius: 50%;
                }
            }
            .user_signature{
                padding-left: 80rpx;
                font-size: 28rpx;
            }
        }
        .head_tabs{
            position: absolute;
            bottom: 0;
            width: 100%;
            height: 80rpx;
            display: flex; 
            .head_tabs_background{
                position: absolute;
                z-index: 0;
                top:0;
                width: 100%;
                height: 80rpx;
                background-color: #000000;
                opacity: 0.7;
            }
            .tabs{
                z-index: 1;
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                flex: 1;
                font-size: 24rpx;
            }
            .among{
                border-right: 1rpx solid #6c7a78;
                border-left: 1rpx solid #6c7a78;
            }

        }
    }
    .user_conten{
        width: 100%;
        .play_list{
            flex-direction: column;
            justify-content: center;
            .me_list{
                .my_create{
                    background-color: #cccccc;
                    font-size: 28rpx;
                    padding:10rpx 0 10rpx 20rpx;
                }
                .create{
                    height: 110rpx;
                    display: flex;
                    background-color: #ffffff;
                    border-bottom:3rpx solid #cccccc;
                    align-items: center;
                    padding: 5rpx 0 5rpx 10rpx;
                    .create_title_img{
                        flex: 1;
                        height: 100%;
                        display: flex;
                        align-items: center;
                        image{
                            width: 100rpx;
                            height: 100rpx;
                        }
                    }
                    .create_info{
                        flex: 7;
                        padding:20rpx 0rpx 10rpx 10rpx;
                        width: 100%;
                        .create_title{
                            font-size: 28rpx;
                        }
                        .create_playnum{
                            font-size: 22rpx;
                            color: #cccccc;
                            font-weight: bolder;
                        }
                    }
                }
            }
        }
    }
}